<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="icon" href="favicon.ico" type="image/x-icon">
    <title>京东(JD.COM)-正品低价、品质保障、配送及时、轻松购物！</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/index.css">
</head>

<body>
    <div class="header-box">
        <div class="header w">
            <!-- 定位 -->
            <div class="location-wrap">
                <a href="#" class="crn">山东</a>
                <div class="location">
                </div>
            </div>

            <!-- 顶部导航 -->
            <ul class="nav-info">
                <li>
                    <a href="#">你好，请登录</a>
                    <a href="#" class="highlight">免费注册</a>
                </li>
                <li class="spacer"></li>
                <li><a href="#">我的订单</a></li>
                <li class="spacer"></li>
                <li class="down-arrow"><a href="#">我的京东</a></li>
                <li class="spacer"></li>
                <li><a href="#">京东会员</a></li>
                <li class="spacer"></li>
                <li class="down-arrow"><a href="#" class="highlight">企业采购</a></li>
                <li class="spacer"></li>
                <li class="down-arrow"><a href="#">商家服务</a></li>
                <li class="spacer"></li>
                <li class="down-arrow"><a href="#">网站导航</a></li>
                <li class="spacer"></li>
                <li><a href="#">手机京东</a></li>
                <li class="spacer"></li>
                <li><a href="#">网站无障碍</a></li>
            </ul>
        </div>
    </div>

    <!-- search-nav -->
    <div class="search-nav">
        <div class="w">
            <h1 class="logo_tit">
                京东
            </h1>

            <div class="search-m">
                <div class="search-warp">
                    <input type="search" name="search" placeholder="微单相机">
                    <span class="photo">&#xe624;</span>
                    <div class="search-button">
                        <span class="loupe">&#xe63d;</span>
                    </div>
                </div>

                <div class="shoppingcar">
                    <i class="sc-icon">&#xe73d;</i>
                    <span>我的购物车</span>
                    <i class="shopping-num">0</i>
                </div>
            </div>

            <div class="sea-nav">
                <ul>
                    <li><a href="#">京东五金城</a></li>
                    <li><a href="#">京东超市</a></li>
                    <li><a href="#">秒杀</a></li>
                    <li><a href="#">京东家电</a></li>
                    <li><a href="#">京东生鲜</a></li>
                    <li><a href="#">优惠券</a></li>
                    <li><a href="#">PLUS会员</a></li>
                    <li><a href="#">拍卖</a></li>
                    <li><a href="#">品牌闪购</a></li>
                    <li><a href="#">京东云</a></li>
                </ul>
            </div>
        </div>
    </div>
</body>

</html>